a {
  color: #343a40;
}

a:hover {
  color: #D8261C;
}

.sbanner img {
  max-width: 100%;
}

.about .Content .Margin {
  display: flex;
  flex-direction: column-reverse;
}

.nav {
  border-bottom: 1px dashed #dee2e6;
}

.nav .title {
  margin-bottom: -5px;
  padding: 0 0px 5px 0px;
  border-bottom: 3px solid #dee2e6;
  margin-left: 15px;
  font-size: 1.125rem;
}

.phonex .wechat .dd {
  display: block;
}

.phonex .wechat .dd img {
  height: 70px;
}

.phonex .wechat .dd img:first-child {
  margin-right: 28px;
}

.view li .thumbs {
  border: 1px solid #dee2e6;
  padding: 15px;
}

.rowstitle-2 .RowsTitle h3 .en {
  font-size: 16px;
  margin-top: 10px;
}

.More {
  text-align: center;
}

.More a {
  display: inline-flex;
  padding: 10px 30px;
  background-color: #D8261C;
  color: white;
}

.bg-fst .More a {
  background-color: white;
  color: #009534;
}

.bg-fst .Margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.Descript {
  text-align: center;
  padding-bottom: 30px;
}

sider .RowsTitle {
  display: none;
}

.contact .Margin {
  text-align: center;
}

.news h6 a:hover {
  animation: changecolor 1s;
}

.news .intro {
  height: 60px;
  overflow: hidden;
}

@media (min-width: 992px) {
  sider .RowsTitle {
    display: inherit;
  }
  sider .RowsTitle h3 {
    padding: 40px;
  }
  .about .Content .Margin {
    display: flex;
    flex-flow: row nowrap;
  }
  .about .Content .Margin .card {
    border-radius: 10px;
    flex: 4;
    margin-right: 80px;
    box-shadow: 30px -20px 0px #dee2e6;
    padding: 10px;
    background-color: #6c757d;
  }
  .about .Content .Margin .card video {
    border-radius: 10px;
  }
  .about .Content .Margin .intro {
    flex: 7;
  }
  .bottom {
    background: url(features.png) no-repeat #0195f9 center;
  }
  .bottom .menu {
    padding-bottom: 10px;
    border-bottom: 1px dotted #6c757d;
  }
  #ArticleView ul li {
    flex-basis: 33.33%;
  }
}